<style>
  .page {
    display: flex; /*设为伸缩容器*/
    flex-flow: row; /*伸缩项目单行排列*/
  }
  .sidebar {
    width: 300px;
  }

  #answers {
    flex: 1;
    margin-right: 20px;
  }
  .answer {
    margin-bottom: 20px;
    background-color: beige;
    border-bottom: 2px solid black;
  }
  img{width: 400px!important;}
</style>
<script src="getjson.js"></script>
<div class="page">
  <div id="answers">
    答案列表显示在这
  </div>
  <div class="sidebar">
    <h2>相关问题</h2>
    <div>
      <ul>相关问题的列表显示在这</ul>
    </div>
  </div>
</div>

<script>
  // 知乎回答的文件有4个an1-4.json
  // 相关问题 similar.json



  // 一条答案的html结构
  /*
    <div class="answer">
      <h2>作者</h2>
      <div class="content">
        内容
      </div>
    </div>
  */

  // 相关答案一条数据的html结构
  /*
    <li><a href='地址'>标题</a> n个回答</li>
  */

  // 你的代码
</script>
